<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>租房网</title>
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        basePath = /*[[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]*/'';
        //ctxPath = /*[[@{/}]]*/ '';
        /*]]>*/
    </script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/common.css">
    <script src="/common/js/html5shiv.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/pc/client/index.css">
    <link rel="stylesheet" type="text/css" href="/libs/Swiper-master/dist/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/jquery-steps/jquery.steps.css">
    <style type="text/css">
        .swiper-container {
            width: 100%;
            height: 100%;
            overflow: visible;
        }
        .swiper-wrapper{
            height: auto !important;
        }
        .swiper-slide {
            height: auto !important;
            text-align: center;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-slide .flat-item:last-child{
            margin-right:0!important;
        }
        .icon_user {
            background-position: -30px 0px;
        }
        .swiper-button-prev{
            top: -42px;
            right: 85px;
            left: auto;
            height: 27px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff5555'%2F%3E%3C%2Fsvg%3E");
            background-size: 27px 16px;
        }
        .swiper-button-next{
            top: -41px;
            height: 27px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff5555'%2F%3E%3C%2Fsvg%3E");
            background-size: 27px 16px;
            right: 0px;
        }
        .swiper-button-prev.swiper-button-disabled{
            opacity: 1;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dddddd'%2F%3E%3C%2Fsvg%3E");
        }
        .swiper-button-next.swiper-button-disabled{
            opacity: 1;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dddddd'%2F%3E%3C%2Fsvg%3E");
        }
        .swiper-pagination-fraction{
            top: -60px;
            width: auto;
            right: 40px;
            left: inherit;
        }
        .price-color{
            background: #44b9fc !important;
        }
        .price-color-blue{
            color: #44b9fc !important;
        }
        .price-color-gray{
            color: #999 !important;
        }

    </style>
    <!--[if lte IE 8]>
    <style type="text/css">
    .page-client .banner .banner-content>.banner-body>.nav-box{
        filter: alpha(opacity=70);
        z-index: 0;
    }
    .page-client .banner .banner-content .banner-form INPUT[type='text']{
        padding: 9px 16px;
        border: 1px solid #ff5555;
    }
    </style>
    <![endif]-->
<body class="page-home">
<input type="hidden" th:value="${session.username}" name="username" id="username">
<div class="banner">
    <div class="header">
        <div class="nav-wrap">
            <div class="logo">
                <a rel="nofollow" href="#">
                    <img src="/img/pc/client/home/logo.png" height="32" alt="租房网">
                </a>
            </div>
            <div class="city-wrap" style="cursor: default;">
                <span th:text="${cityName}"></span><i></i>
                <ul>
                    <span th:each="retAddress,status:${retAddressList}">
                        <span th:if="${retAddress.cityName} != ${cityName}">
                            <li><a rel="nofollow" th:href="@{/retAddress/index(id=${retAddress.id})}" th:text="${retAddress.cityName}"></a></li>
                        </span>
                    </span>
                </ul>
                <!-- <span>[<a rel="nofollow" href="https://www.zufun.cn/index" class="link" target="_blank">切换城市</a>]</span> -->
            </div>
            <div class="nav-items">
                <div class="nav-item">
                    <a rel="nofollow" th:href="@{/retAddress/index}" class="on">首页</a>
                </div>
                <div class="nav-item">
                    <a th:href="@{/retAddress/searchList}" class="">租房</a>
                </div>

                <div class="nav-item">
                    <a rel="nofollow" href="https://www.zufun.cn/platform" target="_blank">物业平台</a>
                </div>
                <div class="nav-item user-down-wrap" id="login_holder">
                    <a href="#loginModal" rel="nofollow" data-toggle="modal" data-target="#loginModal" >注册/登录</a>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-content">
        <div class="banner-body">
            <img src="/img/zf_banner-text.png" class="banner-text">
            <div class="nav-box" style="height: 220px">
                <div class="nav-items">
                    <div class="area-box nav-item">
                        <div class="nav-title">
                            <i class="icon icon-area"></i>
                            区域找房
                        </div>
                        <div class="area-content nav-content">
                            <p>
                                <span th:if="not ${#lists.isEmpty(retRegionList)}">
                                 <span th:each="retRegion,status:${retRegionList}">
                                        <span th:if="not ${#lists.isEmpty(retRegion)}">
                                            <a th:href="@{/retAddress/searchList(id=${retRegion.id})}" th:text="${retRegion.cityName}+'租房'"></a>
                                        </span>
                                 </span>
                                </span>
                                <span th:if="${#lists.isEmpty(retRegionList)}">
                                        <a href="#">无房出租</a>
                                    </span>
                            </p>
                        </div>
                    </div>
                    <div class="price-box nav-item">
                        <div class="nav-title">
                            <i class="icon icon-price"></i>
                            价格找房
                        </div>
                        <div  class="price-content nav-content">
                            <ul class="price-control" id="priceControl">
                                <li><a rel="nofollow" target="_blank" th:href="@{/retAddress/searchList(money=1500)}"></a></li>
                                <li><a rel="nofollow" target="_blank" th:href="@{/retAddress/searchList(money=3000)}"></a></li>
                                <li><a rel="nofollow" target="_blank" th:href="@{/retAddress/searchList(money=5000)}"></a></li>
                                <li><a rel="nofollow" target="_blank" th:href="@{/retAddress/searchList(money=8000)}"></a></li>
                                <li><a rel="nofollow" target="_blank" th:href="@{/retAddress/searchList}"></a></li>
                            </ul>
                            <ul class="price-show">
                                <li class="p0 pc0">0</li>
                                <li class="p1 pc0 pc1">1500</li>
                                <li class="p2 pc1 pc2">3000</li>
                                <li class="p3 pc2 pc3">5000</li>
                                <li class="p4 pc3 pc4">8000</li>
                                <li class="p5 pc4">不限</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <form class="banner-form" id="searchForm">
                    <input type="text" name="keyword" id="hao" placeholder="请输入楼盘名称" autocomplete="off">
                    <input type="submit" onclick="test()" value="开始找房">
                </form>
            </div>
        </div>
    </div>
</div>
<!-- /banner -->
<div class="guess-you-like">
    <div class="guess-header">
        <div class="content">
            <h3 class="title">猜你喜欢</h3>
        </div>
    </div>
    <div class="guess-content" id="guessContent">
             <h4 th:text="${cityName}"></h4>
        <section>
             <span th:if="not ${#lists.isEmpty(retRentalInformationList)}">
            <span th:each="retRentalInformation,status:${retRentalInformationList}" th:if="${status.index} lt 6">
        <div class="like-item">
            <div class="like-item-content">
                <a class="img" rel="nofollow" th:href="@{/retAddress/houseDetails(id=${retRentalInformation.ret_id})}"
                   target="_blank">
                    <img class="lazy" src="https://s.yzfcdn.com/assets/img/grey.jpg"
                         th:data-original="${retRentalInformation.ret_picture}"
                         th:alt="${retRentalInformation.lease_out}">
                </a>
                <div class="info">
                    <p class="name">
                        <a rel="nofollow" class="link" th:href="@{/retAddress/houseDetails(id=${retRentalInformation.ret_id})}"
                           target="_blank"><span th:text="${retRentalInformation.lease_out}"></span>&nbsp;-&nbsp;<span th:text="${retRentalInformation.huxing_type}"></span><span th:text="${retRentalInformation.ret_wei}+'居'"></span></a>
                    </p>
                    <p class="addr">
                        [<a th:href="@{/retAddress/searchList}" target="_blank"
                            class="link"><span th:text="${retRentalInformation.cityName}"></span></a>]
                        <span th:text="${retRentalInformation.ret_jiaoton}"></span>
                    </p>
                    <span class="price text-orange"><em>￥</em><span th:text="${retRentalInformation.money}"> </span></span>
                </div>
            </div>
        </div>
                  </span>
        </span>
            <span th:if="${#lists.size(retRentalInformationList)} gt 6">
                <div class="more-wrap t-c">
                    <a th:href="@{/retAddress/searchList}" class="more-apart">更多<span th:text="${cityName}"></span>出租房源</a>
                </div>
            </span>
    </section>
                <h4 th:each="retRegion,status:${retRegionList}" th:if="${status.index} lt 1" th:text="${retRegion.cityName}" th:value="${retRegion.id}"></h4>
        <section></section>
    </div>
</div>
<!-- /buldings -->
<div class="new-footer" style="margin-top:60px;">
    <div class="site-zufun">
        <div class="site-info">
            <p>
                <a rel="nofollow" href="https://www.zufun.cn/about" target="_blank">关于我们</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/question" target="_blank">常见问题</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/business" target="_blank">商务合作</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/job" target="_blank">招聘信息</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/protocol" target="_blank">服务声明</a><span>|</span>
                <a rel="nofollow" href="javascript:void(0);" onclick="suggest();">意见反馈</a><span>|</span>
                <a href="/sitemap" target="_blank">网站地图</a>
            </p>
            <div class="call-us" style="right:90px;">
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;right:-30px;top: 17px;color:#999;">下载APP</span>
                    <i class="icon icon-mobile" style="position:relative;right:60px;"></i>
                    <i class="icon icon-app-qrcode qrcode" style="left:-102px;"></i>
                </div>
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;left:30px;top: 17px;color:#999;">关注公众号</span>
                    <i class="icon icon-weixin"></i>
                    <i class="icon icon-weixin-qrcode qrcode"></i>
                </div>
            </div>
        </div>
        <div class="site-copyright" style="text-align:left;">
            <p>©2020-2020 &nbsp;&nbsp;版权所有&nbsp;&nbsp;<!--<a href="#" target="_blank" rel="nofollow">湘ICP备15073386号</a>--></p>
            <!--            <span class="hotline">服务热线：XXX-6682-1881（9:00 - 18:00）</span>-->
        </div>
    </div>
</div>
<!-- /forgetModal -->
<div class="modal" id="loginModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-login user-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <ul class="modal-tab tab-bar" role="tablist">
                    <li class="tab active"  role="presentation" style="margin: 0;">
                        <a href="#quickLoginContent"  aria-controls="transportContent" role="tab" data-toggle="tab">手机验证码登录</a>
                    </li>
                    <li class="tab"  role="presentation" style="margin: 0;">
                        <a href="#loginContent"  aria-controls="transportContent" role="tab" data-toggle="tab" >账号密码登录</a>
                    </li>
                </ul>
            </div>
            <div class="modal-body">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-panel active" id="quickLoginContent">
                        <form class="layui-form pic-form" id="quickLoginForm" style="position: relative; width: 100%; min-height: 224px; overflow: hidden;" novalidate="novalidate">
                            <div id="mod_register" class="diyi" style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0px; width: 100%; height: fit-content;">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" id="phone" lay-verify="required" name="fu_mobile" placeholder="手机" class="layui-input">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" id="vcode" name="vcode" placeholder="短信验证码">
                                        <span class="sms-button sms-button-error layui-input" id="huoqu" >获取验证码</span>
                                    </div>
                                </div>
                                <div class="form-group" style="margin-top: -10px !important; margin-bottom: 15px !important; color: #999; padding-left: 40px;">未注册将自动创建账号</div>
                                <div class="layui-form-item form-group" style="margin-top:0;">
                                    <div class="button-group" style="position:relative;">
                                        <button class="layui-btn layui-block btn-disabled" lay-filter="logins" lay-submit="" type="button">登录</button>
                                    </div>
                                </div>
                            </div>
                            <div id="mod_register_validate" class="dier" style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 400px; width: 100%; height: fit-content;">
                                <div class="form-group pic-form" style="display: none">
                                    <div class="input-group">
                                        <input type="text" lay-verify="required|captcha" class="not-post layui-input" name="pic_code" placeholder="验证码">
                                        <div class="pic-wrap"><div class="img ok-none-select" id="captchaImg"></div></div>
                                    </div>
                                </div>
                                <div class="layui-form-item form-group" style="margin-top:0;">
                                    <div class="button-group" style="position:relative;">
                                        <button class="layui-btn layui-block" lay-filter="login" lay-submit="" type="button">登录</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div role="tabpanel" class="tab-panel" id="loginContent" style="margin-top:30px;">
                        <form class="layui-form pic-form" id="loginForm">
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" id="fu_mobile" lay-verify="required" name="fu_mobile" placeholder="手机">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="password" lay-verify="required" name="fu_password" placeholder="密码">
                                </div>
                            </div>
                            <div class="layui-form-item form-group" style="margin-top:0;">
                                <div class="button-group" style="position:relative;">
                                    <button class="layui-btn layui-block btn-disabled" lay-filter="logins1" lay-submit="" type="button">登录</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script id="suggest_tpl" type="text/html">
    <form id="suggest_form">
        <div class="form-group">
            <div class="textarea-group">
                <label>反馈内容</label>
                <textarea name="content" placeholder="欢迎提出您在使用过程中遇到的问题或宝贵建议，感谢您的支持。"></textarea>
            </div>
            <div class="input-group" style="height:100px;">
                <label>联系方式</label>
                <input type="text" name="email" placeholder="请留下您的手机或邮箱" style="margin-top:5px;" value="{{fu_mobile}}">
            </div>
            <div class="button-group">
                <input type="submit" value="提交反馈">
            </div>
        </div>
    </form>
</script>
<script src="/common/js/jquery-1.11.3.min.js"></script>
<script src="/libs/yzf/modules/yzf.tab.js"></script>
<script src="/libs/yzf/modules/yzf.modal.js"></script>
<script src="/libs/yzf/modules/yzf.button.js"></script>
<script src="/js/pc/client/swiper-3.4.2.min.js"></script>
<script src="/libs/Swiper-master/dist/js/idangerous.swiper2.7.6.min.js"></script>
<script src="/common/js/jquery.cookie.js"></script>
<script src="/common/js/artForm.js"></script>
<script src="/common/js/md5.js"></script>
<script src="/common/js/base.js"></script>
<script src="/common/js/validateConfig.js"></script>
<script src="/common/js/jquery.validate.js"></script>
<script src="/libs/artdialog/dist/dialog-min.js"></script>
<script src="/common/js/template.js"></script>
<script src="/common/js/jquery.lazyload.min.js"></script>
<script src="/libs/jquery-steps/jquery.steps.min.js"></script>
<script th:src="@{/lib/layui/layui.js}"></script>
<script type="text/javascript" th:inline="javascript">
    layui.use(["form", "okGVerify", "okUtils", "okLayer", "jquery"], function () {
        var phone;
        let form = layui.form;
        let $ = layui.jquery;
        let okGVerify = layui.okGVerify;
        let okUtils = layui.okUtils;
        let okLayer = layui.okLayer;

        var shuju;

        let regPhone = /^[1][0-9]{10}$/;
        /**手机号验证**/
        let setInter = '';
        /**定时器对象*/
        let second = 60;//设置时间

        /**
         * 初始化验证码
         */
        let verifyCode = new okGVerify("#captchaImg");

        $("#huoqu").click(function () {
            if(!regPhone.test($("#phone").val())){
                layer.msg("输入的手机号格式不正确，请重新输入", {
                    time: 3000,
                    icon: 10
                });
            }else{
                $(".diyi").css("left", "-400px")
                $(".dier").css("left", "0px")
                $(".pic-form").css("display", "")
            }
        })


        form.verify({
            fu_mobile: [
                regPhone,
                '输入的手机号格式不正确，请重新输入'
            ],
            captcha: function (val) {
                if (verifyCode.validate(val) != "true") {
                    return verifyCode.validate(val)
                }else{
                    $(".diyi").css("left","0px")
                    $(".dier").css("left","400px")
                    $(".pic-form").css("display","")
                    /**获取验证码**/
                    let that = $("#huoqu"),
                        phone = $("#phone").val();
                    if (regPhone.test(phone)) {
                        if (!setInter) {
                            clearInterval(setInter);
                            that.text(second + "秒后获取");
                            setInter = setInterval(function () {
                                second--;
                                if (second < 1) {
                                    clearInterval(setInter);
                                    that.text("重新获取");
                                    setInter = "";
                                    second = 60;
                                } else {
                                    that.text(second + "秒后获取");
                                }
                            }, 1000);
                            $.ajax({
                                url: "/retAddress/duanxin",
                                type: "POST",
                                data:{"phone":phone},
                                dataType: "JSON",
                                success: function (data) {

                                }
                            })
                        }
                    }
                }
            }
        });

        /**
         * 表单提交
         */
        form.on("submit(logins)", function (data) {
            $("#captchaImg").text("")
            $("#captchaImg").html("")
            verifyCode = new okGVerify("#captchaImg");
            $.ajax({
                url: "/retAddress/adduser",
                type: "POST",
                data:data.field,
                dataType: "JSON",
                success: function (data) {
                    if(data == "1"){
                        layer.msg("服务器错误!", {
                            time: 3000,
                            icon: 10
                        });
                    }else if(data == "2"){
                        layer.msg("验证码错误!", {
                            time: 3000,
                            icon: 10
                        });
                    }else{
                        window.location = "/retAddress/index";
                    }
                }
            })
        });

        /**
         * 表单提交
         */
        form.on("submit(logins1)", function (data) {
            if(!regPhone.test($("#fu_mobile").val())){
                layer.msg("输入的手机号格式不正确，请重新输入", {
                    time: 3000,
                    icon: 10
                });
            }else{
                $.ajax({
                    url: "/retAddress/denglogin",
                    type: "POST",
                    data:data.field,
                    dataType: "JSON",
                    success: function (data) {
                        if(data == "1"){
                            layer.msg("手机账号或密码错误!", {
                                time: 3000,
                                icon: 10
                            });
                        }else{
                            window.location = "/retAddress/index";
                        }
                    }
                })
            }
        });


        c();

//	判断浏览器是否为IE8及以下
        var is_ie8;
        var ie_8=function(){
            var DEFAULT_VERSION = 8.0;
            var ua = navigator.userAgent.toLowerCase();
            var isIE = ua.indexOf("msie")>-1;
            var safariVersion;
            if(isIE){
                safariVersion =  ua.match(/msie ([\d.]+)/)[1];
            }
            if(safariVersion <= DEFAULT_VERSION ){
                is_ie8=1;
            };
        };
        ie_8();

        var $guessContent = $("#guessContent");
        if($guessContent.length > 0){
            $("#guessContent").steps({
                headerTag: "h4",
                bodyTag: "section",
                transitionEffect: "slideLeft",
                enableFinishButton: false,
                enablePagination: false,
                enableAllSteps: true,
                titleTemplate: "#title#",
                cssClass: "guess-tab-control"
            });
        }

        $('.steps ul li').click(function(){
            var steps_index=$(this).index();
            setTimeout(function(){
                $('.content section').eq(steps_index).find('.like-item').find('img').trigger('scroll')
            },500);
        });

        //浏览器为IE8及以下时不使用图片延迟加载
        if(is_ie8!=1){
            $("img.lazy").lazyload({
                event : "scroll"
            });
        }
        $('.btn-apt').click(function(){
            var log=$(this).parent().parent().parent().parent().find('#login_holder').find('a');
            if(log.text()=='注册/登录'){
                // userHandler.quickLogin();
                $("#login_holder a").click();
            }
        });
        $(document).on('click','.modal-backdrop',function(){
            $('#loginModal').hide();
            $("#quickLoginForm").removeAttr("data-url");
            $(this).remove();
            $('body').removeClass('modal-open');
            $(".diyi").css("left","0px")
            $(".dier").css("left","400px")
            $(".pic-form").css("display","")
            $("#captchaImg").text("")
            $("#captchaImg").html("")
            verifyCode = new okGVerify("#captchaImg");
        });


        var swiper = new Swiper('.swiper-container', {
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',
            pagination : '.swiper-pagination',
            paginationType : 'fraction'
        });

//     $('.swiper-container').hover(function(){
//     	swiper.stopAutoplay();
//     },function(){
//     	swiper.startAutoplay();
//     })

        /**
         * ==================================================
         * 价格找房
         * @Author   King
         * @DateTime 2017-07-17T14:01:36+0800
         */
        $("#priceControl li").hover(function(){
            var $this = $(this);
            index = $this.index();

            $this.parent().parent().parent().find(".pc"+index).css("color","#44b9fc");
        },function(){
            var $this = $(this);
            index = $this.index();
            $this.parent().parent().parent().find(".pc"+index).css("color","#999");
        });
        $("#site_links li").mouseover(function(){
            $(this).parent().find('li').removeClass("on");
            $(this).addClass("on");
        });
        $('#priceControl').on('mouseover','li',function(){
            var index=$("#priceControl li").index(this);
            $("#priceControl li:lt("+index+")").addClass("price-color");
            $("#priceControl li").eq(index).addClass("price-color");
            $(".price-show li:lt("+(index+1)+")").removeClass("price-color-gray").addClass("price-color-blue");
            $('.price-show li').eq(index+1).removeClass("price-color-gray").addClass("price-color-blue");
            $('#priceControl').on('mouseleave','li',function(){
                $("#priceControl li:lt("+index+")").removeClass("price-color");
                $("#priceControl li").eq(index).removeClass("price-color");
                $(".price-show li:lt("+(index+1)+")").removeClass("price-color-blue");
                $('.price-show li').eq(index+1).removeClass("price-color-blue");
            })
        });



        function f(data){
            var str = "<span>";
            $.each(data,function (index,e){
                str+="<div class='like-item'><div class='like-item-content'><a class='img' rel='nofollow' href="+basePath+'/retAddress/houseDetails?id='+this.id+" target='_blank'> " +
                    " <img class='lazy' src="+basePath+this.ret_picture+" data-original="+basePath+this.ret_picture+" alt="+this.lease_out+"> </a>"+
                    " <div class='info'> <p class='name'> <a rel='nofollow' class='link' href="+basePath+'/retAddress/houseDetails?id='+this.id+" target='_blank'>"+this.lease_out+"&nbsp;-&nbsp;"+this.huxing_type+this.ret_wei+"居</a> </p>\n" +
                    " <p class='addr'>[<a href="+basePath+'/retAddress/searchList'+" target='_blank' class='link'>"+this.cityName+"</a>]\n" +
                    " "+this.ret_jiaoton+"</p> <span class='price text-orange'><em>￥</em>"+this.money+" </span></span>\n" +
                    " </div></div></div>";
            });
            str+="</span>";
            $("#guessContent-p-1").append(str);
        }

        $("#guessContent-t-1").click(function () {
            var id = $("#guessContent-h-1").attr("value");
            $.ajax({
                url: "/retAddress/diquTiao",
                type: "POST",
                data:{"id":id},
                dataType: "JSON",
                success: function (data) {
                    if (data!=null){
                        f(data);
                    } else{
                        alert("为null")
                    }
                }
            })
        })
        $("#guessContent-t-0").click(function () {
            $("#guessContent-p-1").html("");
        });
    });
    function c() {
        var user = $("#username").val();
        var t = $("#login_holder");
        user ? t.html('<div class="drop-wrap"><a href="/retPersonage/personage"><span class="icon_user"></span><span>' + user + '</span></a><ul class="arrow-top nav-down-wrap"><li><a href="/retPersonage/personage" target="_blank">个人中心</a></li><li><a href="/retAddress/logout" data-toggle="logout">退出登录</a></li></ul>') : t.html('<a href="#loginModal" rel="noffolow" data-toggle="modal" data-target="#loginModal">注册/登录</a>')
    }
</script>
</body>
</html>